$(function () {
    //产品列表轮播
    //主轮播图
    $(".pdlt").tyslide({
        boxh: 430,//盒子的高度
        w: 1000,//盒子的宽度
        h: 400,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 20,//控制按钮宽度
        controlsH: 20,//控制按钮高度
        radius: 10,//控制按钮圆角度数
        controlsColor: "#d7d7d7",//普通控制按钮的颜色
        controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
        isShowNum: true //是否显示数字
    })

    // 热书畅销

    let hotli = document.querySelectorAll('.hotsell li')
    console.log(hotli);
    let hotbooks = function () {
        let olIndex = 0;
        hotli.forEach(function (item, index) {
            item.addEventListener('mouseover', function () {
                hotli[olIndex].classList.remove('active')
                item.classList.add('active')
                olIndex = index;
            })
        })
    }
    hotbooks()


    //独家提供
    //主轮播图
    $(".pactlb").tyslide({
        boxh: 500,//盒子的高度
        w: 1200,//盒子的宽度
        h: 420,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 20,//控制按钮宽度
        controlsH: 20,//控制按钮高度
        radius: 10,//控制按钮圆角度数
        controlsColor: "#d7d7d7",//普通控制按钮的颜色
        controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
        isShowNum: false //是否显示数字
    })


    //主编推荐

    //获取标签
    let bookLi = document.querySelectorAll('.books-new li')
    let bookH = document.querySelectorAll('.books-new li h4');
    let bookdiv = document.querySelectorAll('.books-new li div');
    //图书·新书展示
    let newbooks = function () {
        //定义变量保存索引
        let olIndex = 0;
        //遍历
        bookH.forEach(function (item, index) {
            //注册点击事件
            item.addEventListener('click', function () {
                //显示标题
                bookH[olIndex].classList.remove('active')
                //隐藏标题
                bookH[index].classList.add('active')
                //隐藏内容
                bookdiv[olIndex].classList.remove('on')
                //显示内容
                bookdiv[index].classList.add('on')
                //赋值
                olIndex = index;
            })
        })
    }
    newbooks()//调用


    //猜你喜欢 ·换一哈
    //获取类名
    let tran = document.querySelector('.tran')
    let box = document.querySelector('.box')
    let gdlike = document.querySelector('.gdlike')
    let gdlikeUl = document.querySelectorAll('.gdlike ul')
    console.log(gdlike, gdlikeUl, tran);
    //克隆一个ul
    gdlike.append(gdlikeUl[0].cloneNode(true))
    gdlike.prepend(gdlikeUl[gdlikeUl.length - 1].cloneNode(true))
    //获取gdlikegaodu
    gdlike.style.height = gdlikeUl[0].offsetHeight * (gdlikeUl.length + 1) + 'px'
    console.log(gdlike.style.height);
    //定义变量保存索引
    let index = 0;
    // 注册点击事件
    let likeclick=function(){
        tran.addEventListener('click', function () {
            index++//点击增加
            gusslike()//调用
        })
    }
    likeclick()//调用
    let gusslike = function () {
        //移动方向
        startMove(gdlike, { top: (index + 1) * -gdlikeUl[0].offsetHeight }, 600, 'linear', function () {
            //判断，返回初始位置
            if (index == gdlikeUl.length) {
                index = 0;
                gdlike.style.top = '-493px';
            }
        })
    }












})